// 点击按钮的时候有两种情况
//1  按钮的type为submit
//2  按钮的type为button
// submit是属于提交  要刷新页面   ，这个是可以直接提交form表单所有的数据
// 提交到后台的地址：<form action="地址" method="方法类型">
// <form action="/save" method="post">
//  如果用button  则用ajax提交到后台
// 如果想用form表单自己的校验 ，只需要
// 第一个 在input 里面添加required，
// 第二个需要加pattern="^[a-zA-Z0-9_-]{4,16}$"
// 第三个，如果有详细的type类型，则不需要添加，也可以添加
function checkUsername() {
    let username = $("#username").val();
    if (username.length <= 4) {
        // alert("你输入的名称不能小于四个字符");
        $("#tips").html("你输入的名称不能小于四个字符");
        $("#tips").css({"color": "red", "position": "relative", "top": "-20px", "left": "200px"});
        $("#username").focus();
    } else if (username.length >= 16) {
        // alert("你输入的名称不能大于16个字符");
        $("#tips").html("你输入的名称不能大于16个字符");
        $("#tips").css("color", "red");

        $("#username").focus();

    } else {
        $("#tips").html("你输入正确");
        $("#tips").css("color", "green");
    }
}

function save() {
    // post 和get区别？
    let data = {
        username: $("#username").val(),
        email: $("#email").val(),
        content: $("#content").val(),
        phone: $("#phonea").val()

    };
    console.log(data);
    // $.ajax({
    //     url: '/save',
    //     data: data,
    //     type: 'get',
    //     dataType: 'json',
    //     success: function (data) {
    //         console.log(data);
    //     }
    // })
    // return false;//不然submit刷新页面,不判断正则表达式，
}